$(function () { //全局
    // 1 获取页面的节点
    let inputObj = document.querySelector('form input:nth-child(1)');
    // console.log(inputObj);
    // let inputObj1 = document.querySelector('form input:nth-child(2)');
    let ulObj = document.querySelector('ul');
    // console.log(ulObj);
    // 2 给input绑定onkeyup事件
    inputObj.addEventListener('input', inputMsg);
    let times = '';

    function inputMsg() {
        // 3 设定延时器,0.5s执行一次
        clearTimeout(times); // 清空延时器一次
        times = setTimeout(function () {
            // 4 获取input框中内容
            let content = inputObj.value;
            // console.log(content);
            // 将输入框内容传递
            createEle(content);
        }, 500);
    }
    /********创建script标签,发起跨域**********/
    function createEle(val) {
        // console.log(val);
        let script = document.createElement('script');
        script.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" + val +
            "&json=1&p=3&sid=22084_1436_13548_21120_22036_22073&req=2&csor=0&cb=callback";
        document.head.appendChild(script);
    }
    // 3 声明回调函数callback
    window.callback = function (msg) {
        console.log(msg);
        let kw = msg.s;
        console.log(kw);
        // 循环内内容追加到页面中
        let str = '';
        kw.forEach(ele => {
            str += '<li>' + ele + '</li>';
        });
        console.log(str)
        // 将li追加到ul中
        ulObj.innerHTML = str;
        // 拿到ul里的li标签
        let list = ulObj.children;
        console.log(list);
        for (var i = 0; i < list.length; i++) {
            list[i].onmousedown = function () {
                // console.log(666);
                inputObj.value = this.innerHTML;
            }
        }
    }
    // 点击input外的范围，则隐藏ul
    inputObj.onfocus = function () {
        ulObj.style.display = 'block';
    }
    inputObj.onblur = function () {
        ulObj.style.display = 'none';
    }
    // 鼠标移入头部导航隐藏效果
    $(".head ul>li").hover(function () {
        var a = $(this).children().length;
        if (a != 1) {
            $(this).children("div").stop().slideToggle(200).end().siblings().children("div").hide();
        } else {
            $(this).children("div").hide();
        }
    });
    // 鼠标移入移出头部导航下拉效果
    $("a.er1").mouseover(function () {
        $(this).siblings("p").slideDown(100);
    }).mouseout(function () {
        $(this).siblings("p").slideUp(100);
    });
    // 返回顶部的鼠标悬浮事件
    $(".gotop a").hover(function () {
        var a = $(this).hasClass("dh");
        if (a == true) {
            $(this).find("dt").hide().siblings("dd").fadeIn().parents("a").siblings("p").show().animate({
                left: "-110px"
            });
        } else {
            $(this).find("dt").hide().siblings("dd").fadeIn().parents("a").siblings("p").hide().animate({
                left: "-130px"
            });
        }
    }, function () {
        // 淡入淡出效果
        $(this).find("dt").fadeIn().siblings("dd").hide().parents("a").siblings("p").hide();
    });
    // 滚轮超过100，显示返回顶部按钮
    $(window).scroll(function () {
        var a = $(window).scrollTop();
        if (a > 100) {
            $(".toptop").fadeIn();
        } else {
            $(".toptop").fadeOut();
        }
        $(".toptop").click(function () {
            $(window).scrollTop(0);
        })
    });

    $("#login").click(function () {
        $(".login").show();
        $(".msk").show();
    });
    $("#reg").click(function () {
        $(".reg").show();
        $(".msk").show();
    });
    $(".off").click(function () {
        $(".login").hide();
        $(".reg").hide();
        $(".msk").hide();
    });
    $(".goReg").click(function () {
        $(".login").hide();
        $(".reg").show();
    });
    $(".goLogin").click(function () {
        $(".reg").hide();
        $(".login").show();
    })
});

function one(ele) {
    return document.querySelector(ele)
}

function all(ele) {
    return document.querySelectorAll(ele)
}